<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="images/icons/muheLogo.png"/>
    <title>石家庄沐禾文化传媒有限公司</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">

    <!--案例展示视频样式-->
    <link href="css/video.css" rel="stylesheet">

    <link href="fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/instafeed.min.js" type="text/javascript"></script>
    <script src="js/custom.js" type="text/javascript"></script>

    <!--案例展示视频JS-->
    <script src="js/pingzi_video.js" type="text/javascript"></script>

    <!--分页JS-->
    <script src="js/pagination.build.js"></script>
    <script src="js/underscore.js"></script>
</head>
<body>
<div id="page">
    <!--header-->
    <header class="header-container navbar-fixed-top">
        <!---header top---->
        <div class="top-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 ">
                        <div class="info-block text-center">
                            <i class="fa fa-map"></i>
                            <span>网站公告：石家庄沐禾传媒，专注服务于视频拍摄、企业宣传片、摄影摄像、婚礼摄影、淘宝摄影、活动拍摄、后期剪辑等影视制作。</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--header-end-->

        <div class="container">
            <div class="row">
                <div class="col-md-2 col-sm-6 col-xs-6">
                    <div id="logo">
                        <a href="index.html"><img src="images/icons/logo_word.png" alt="logo"></a>
                    </div>
                </div>
                <div class="top-row">
                    <div class="col-sm-6 visible-sm visible-xs col-xs-6">
                        <div class="text-right">
                            <a href="tel:15532156861">
                                <button type="button" class="book-now-btn"><i class="fa fa-phone"></i>&nbsp;15532156861</button>
                            </a>
                            <p class="phone-bottom">石家庄沐禾文化传媒有限公司</p>
                        </div>
                    </div>
                    <div class="col-md-8 col-sm-12 col-xs-12">
                        <nav class="navbar navbar-default">
                            <div class="navbar-header page-scroll">
                                <button data-target=".navbar-ex1-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>

                            </div>
                            <div class="collapse navigation navbar-collapse navbar-ex1-collapse remove-space">
                                <ul class="list-unstyled nav1 cl-effect-10">
                                    <li><a data-hover="首页" href="javascript:void(0)" floor="#0F" ><span>首页</span></a></li>
                                    <li><a data-hover="服务项目" href="javascript:void(0)" floor="#1F"><span>服务项目</span></a></li>
                                    <li><a data-hover="沐禾优势" href="javascript:void(0)" floor="#2F"><span>沐禾优势</span></a></li>
                                    <li><a data-hover="案例展示" href="javascript:void(0)" floor="#3F"><span>案例展示</span></a></li>
                                    <li><a data-hover="立即咨询" href="javascript:void(0)" floor="#4F"><span>立即咨询</span></a></li>
                                    <li><a data-hover="拍摄流程" href="javascript:void(0)" floor="#5F"><span>拍摄流程</span></a></li>
                                    <li><a data-hover="新闻资讯" href="javascript:void(0)" floor="#6F"><span>新闻资讯</span></a></li>
                                    <li><a data-hover="拍摄花絮" href="javascript:void(0)" floor="#7F"><span>拍摄花絮</span></a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                    <div class="col-md-2  hidden-sm hidden-xs">
                        <div class="text-right">
                            <a href="tel:15532156861">
                                <button type="button" class="book-now-btn"><i class="fa fa-phone"></i>&nbsp;15532156861</button>
                            </a>
                            <p class="phone-bottom">石家庄沐禾文化传媒有限公司</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--end-->

    <div class="clearfix"></div>

    <section class="image-head-wrapper" ></section>

    <div class="split-line">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="main">
                        <h1>经典案例<i></i></h1>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="service-block jdal">
        <div class="container ">
            <video src="src/1.mp4" controls></video>
        </div>

    </section>

    <div class="split-line">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="main">
                        <h1>服务优势<i></i></h1>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="blog-block-slider add-bottom">
        <div class="blog-block-slider-fix-image">
            <div id="myCarousel2" class="carousel slide" data-ride="carousel" data-interval="3000">
                <div class="container">
                    <!-- Wrapper for slides -->
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
                        <li data-target="#myCarousel2" data-slide-to="1" class="active"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="item">
                            <div class="blog-box">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only</p>
                            </div>
                            <div class="blog-view-box">
                                <div class="media">
                                    <div class="media-left">
                                        <img src="images/client1.png" class="media-object">
                                    </div>
                                    <div class="media-body">
                                        <h3 class="media-heading blog-title">Walter Hucko</h3>
                                        <h5 class="blog-rev">Satisfied Customer</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item active">
                            <div class="blog-box">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only</p>
                            </div>
                            <div class="blog-view-box">
                                <div class="media">
                                    <div class="media-left">
                                        <img src="images/client2.png" class="media-object">
                                    </div>
                                    <div class="media-body">
                                        <h3 class="media-heading blog-title">Jules Boutin</h3>
                                        <h5 class="blog-rev">Satisfied Customer</h5>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </section>

    <section class="blog-block">
            <div class="row">
                <img class="img-responsive" src="images/vacation-banner.png" width="100%">
            </div>
    </section>


    <!---footer--->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-6 col-xs-12 width-set-50">
                    <div class="footer-details">
                        <h4>石家庄沐禾传媒</h4>
                        <ul class="list-unstyled footer-contact-list">
                            <li>
                                <i class="fa fa-phone fa-lg"></i>
                                <p>咨询电话：123456789000</p>
                            </li>
                            <li>
                                <i class="fa fa-map-marker fa-lg"></i>
                                <p>单位地址：河北石家庄桥西</p>
                            </li>

                            <li>
                                <i class="fa fa-envelope-o fa-lg"></i>
                                <p> 邮箱：123456789@qq.com</p>
                            </li>

                            <li>
                                <i class="fa fa-edge fa-lg"></i>
                                <p>网站：www.sjzmuhe.com</p>
                            </li>

                            <li>
                                <i class="fa fa-database fa-lg"></i>
                                <p>工作时间：8:00-18:00</p>
                            </li>
                        </ul>

                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 width-50 width-set-50">
                    <div class="footer-details">
                        <h4>服务项目</h4>
                        <ul class="list-unstyled footer-links">
                            <li class="active"><a href="serivces_project.html" target="_blank">个人影视制作1</a></li>
                            <li class="active"><a href="serivces_project.html" target="_blank">个人影视制作2</a></li>
                            <li class="active"><a href="serivces_project.html" target="_blank">个人影视制作3</a></li>
                            <li class="active"><a href="serivces_project.html" target="_blank">个人影视制作4</a></li>
                            <li class="active"><a href="serivces_project.html" target="_blank">个人影视制作5</a></li>
                            <li class="active"><a href="serivces_project.html" target="_blank">个人影视制作6</a></li>

                        </ul>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12 width-set-50 contact-form">
                    <div class="footer-details">
                        <h4 class="foot-word">对创意的精益求精</h4>
                        <h4 class="foot-word f-color">只为缔造经典影视</h4>
                        <form action="#" method="post">
                            <input type="text" class="form-control" name="Name" placeholder="姓名" required>
                            <input type="tel" class="form-control" name="Phone" placeholder="电话号码" required>
                            <input type="submit" class="submit-btn" value="提交">
                        </form>
                    </div>
                </div>
            </div>

            <div class="copyright">
                &copy; 2018版权所有：石家庄沐禾文化传媒有限公司  备案号
            </div>

        </div>
    </footer>

    <!--back to top--->
    <a style="display: none;" href="javascript:void(0);" class="scrollTop back-to-top" id="back-to-top">
        <span><i aria-hidden="true" class="fa fa-angle-up fa-lg"></i></span>
        <span>Top</span>
    </a>

</div>

</body>
</html>
